
<script>
import { ref } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();
// 声明响应式变量value
const value = ref("");
// 跳转到about页面
const toAbout = () => {
  router.push("/about");
};
const toSreach = () => {
  router.push("/sreach");
};
</script>

<template>
<div style="background-color: #abec86;">

<van-sticky>
  <van-search
  v-model="value"
  show-action
  background="#abec86"
  placeholder="请输入搜索关键词"
  @search="onSearch"
  to="sreach"
>
  <template #action>
    <div @click="onClickButton"><van-icon name="service-o"  color="white" /></div>
  </template>
</van-search>
</van-sticky>
<van-notice-bar color="#1989fa" background="#ecf9ff" delay
  left-icon="volume-o"
  text="【通知】1.受天气影响，3月2日起黑龙江、山西、哈尔滨、新疆、宁夏、陕西等部分省市区域派送、退换货等服务受限，会出现延迟或停滞；2.受系统、仓库盘点、疫情区域等影响，如您的订单/售后单等出现未及时处理的情况，请您联系店铺在线客服反馈；3.注意防范诈骗，如有疑问请联系官方渠道在线客服咨询。"
/>
<!--轮播图-->
<van-swipe class="my-swipe" :autoplay="2000" indicator-color="white">
  <van-swipe-item><van-image
  width="390"
  height="196"
  fit="cover"
  position="left"
  src="https://pic.midea.cn/h5/pic/202303/0c492d1e80ed.jpg?x-oss-process=image/format,webp/quality,Q_90&@100Q.jpg"
/>
</van-swipe-item>
  <van-swipe-item>
    <van-image
  width="390"
  height="196"
  fit="cover"
  position="left"
  src="https://pic.midea.cn/h5/pic/202303/f7485159ce28.jpg?x-oss-process=image/format,webp/quality,Q_90&@100Q.jpg"
/>
</van-swipe-item>
  <van-swipe-item> <van-image
  width="390"
  height="196"
  fit="cover"
  position="left"
  src="https://pic.midea.cn/h5/pic/202302/d786e9c7968e.jpg?x-oss-process=image/format,webp/quality,Q_90&@100Q.jpg"
/></van-swipe-item>
  <van-swipe-item> <van-image
  width="390"
  height="196"
  fit="cover"
  position="left"
  src="https://pic.midea.cn/h5/pic/202302/4fbe3f223779.jpg?x-oss-process=image/format,webp/quality,Q_90&@100Q.jpg"
/></van-swipe-item>
</van-swipe>
<!---插一张图片-->
<van-image
  width="400"
  height="94"
  src="https://pic.midea.cn/h5/pic/202303/d2a4f9b42f59.gif@686w_180h_100Q.gif"
/>
<!--宫格-->
<van-grid :column-num="5" :border=false>
  <van-grid-item icon="https://pic.midea.cn/h5/pic/202303/40037cb11604.png?x-oss-process=image/format,webp/quality,Q_90&@120w_120h_100Q.png" text="空调馆" to="meidi"/>
  <van-grid-item icon="https://pic.midea.cn/h5/pic/202303/72350c795522.png?x-oss-process=image/format,webp/quality,Q_90&@120w_120h_100Q.png" text="冰箱馆"  />
  <van-grid-item icon="https://pic.midea.cn/h5/pic/202303/3d6e148b1f06.png?x-oss-process=image/format,webp/quality,Q_90&@120w_120h_100Q.png" text="洗衣机馆" to="xiyiji"/>
  <van-grid-item icon="https://pic.midea.cn/h5/pic/202303/83e759c8343d.png?x-oss-process=image/format,webp/quality,Q_90&@120w_120h_100Q.png" text="小家电馆" to="bingxian"/>
  <van-grid-item icon="https://pic.midea.cn/h5/pic/202303/94cda3006ef3.png?x-oss-process=image/format,webp/quality,Q_90&@120w_120h_100Q.png" text="厨房热水馆" to="cufang"/>
  <van-grid-item icon="https://pic.midea.cn/h5/pic/202303/83426ee7acec.png?x-oss-process=image/format,webp/quality,Q_90&@120w_120h_100Q.png" text="微烤清洁馆" />
  <van-grid-item icon="https://pic.midea.cn/h5/pic/202303/c75439669c89.png?x-oss-process=image/format,webp/quality,Q_90&@120w_120h_100Q.png" text="居家生活馆" />
  <van-grid-item icon="https://pic.midea.cn/h5/pic/202303/b38387dc0881.png?x-oss-process=image/format,webp/quality,Q_90&@120w_120h_100Q.png" text="新品速递" />
  <van-grid-item icon="https://pic.midea.cn/h5/pic/202303/4ae11246aebf.png?x-oss-process=image/format,webp/quality,Q_90&@120w_120h_100Q.png" text="Pro会员" />
  <van-grid-item icon="https://pic.midea.cn/h5/pic/202303/b5f831aee6b0.png?x-oss-process=image/format,webp/quality,Q_90&@120w_120h_100Q.png" text="智慧家内购" />
</van-grid>
<!---插一张图片-->
<van-image
  width="400"
  height="150"
  src="https://pic.midea.cn/h5/pic/202303/fe6e1d7d3029.jpg?x-oss-process=image/format,webp/quality,Q_90&@686w_268h_100Q.jpg"
/>
<!--导航-->
<van-tabs v-model:active="active">
  <van-tab title="活动" background="#1989fa">
    <van-card class="s-card">
     <template #tags>    
      <van-grid :column-num="2" :center="false" :gutter="10">	
        <van-grid-item  to="info">
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20221121/1c6aa336967a4b94b747aaf47ca74f77.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">【新品】美的 直排式4KG迷你滚筒式烘干机 干衣机 紫外线除菌 免安装MH40V10E"</div>
<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />	
</div>
</van-grid-item>
      
<van-grid-item  to="info">
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.midea.cn/smartpic/pic/106732696ead6508da05a9113e.jpg"
/>
<div style="margin-bottom: 15px;">【轻奢柜机】美的风尊大风口一级能效3匹变频冷暖空调智能柜机KFR-72LW/N8MZB1</div>
<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />	
</div>
</van-grid-item>

<van-grid-item  to="info">
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.mdcdn.cn/pc/pic/202303/58224482d529f70134ebff7ee28bba1a.jpg?x-oss-process=image/format,webp"
/>
<div style="margin-bottom: 15px;">60厘米超薄新品十字门冰箱 全空间PT净味微缝嵌入</div>
<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />	
</div>
</van-grid-item>

<van-grid-item  to="info">
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20230222/05d3fa71a5414daf93e705d7c63eb123.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">【洗烘套装】小天鹅洗衣机热泵烘干机干衣组合</div>
<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
</div>
</van-grid-item>

<van-grid-item  to="info">
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.mdcdn.cn/pc/pic/202303/0c9fe537b3636fd2ba6cbfeb992e7c56.jpg?x-oss-process=image/format,webp"
/>
<div style="margin-bottom: 15px;">创维电视 55A3 55英寸 4K超高清 无边全面屏AI声控8G无频闪</div>
<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
</div>
</van-grid-item>

<van-grid-item  to="info">
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.mdcdn.cn/pc/pic/202303/3555d08059e4d0a3ecfbc21e160d3ea9.jpg?x-oss-process=image/format,webp"
/>
<div style="margin-bottom: 15px;">【60厘米超薄】新品法式多门冰箱424L 四门温湿精控 全空间PT净味</div>
<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
</div>
</van-grid-item>

<van-grid-item  to="info">
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.mdcdn.cn/pc/pic/202303/0db7348738b4850a2a216b8a54a601b4.jpg?x-oss-process=image/format,webp"
/>
<div style="margin-bottom: 15px;">【新品】美的 电热水器 60L 3200W变频加热 免换镁棒 WIFI智联 JA5</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>

<van-grid-item  to="info">
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.midea.cn/smartpic/pic/106d25d51064167b349329befe.png"
/>
<div style="margin-bottom: 15px;">【Hot】电饭煲 4L容量 高端优雅 18分钟热水快煮 智能预约 立体IH大火加热 </div>
<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
</div>
</van-grid-item>
  </van-grid>
</template>
</van-card>
</van-tab>





<van-tab title="新品" background="#1989fa">
    <van-card class="s-card">
     <template #tags>      
      <van-grid :column-num="2" :center="false" :gutter="10">	
        <van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.mdcdn.cn/pc/pic/202303/ba2eded573cbeacb505ea754e8ac9cb7.jpg?x-oss-process=image/format,webp"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>
      
<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20220923/7a54114094c54bc79a53c53d677d622c.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>

<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.mdcdn.cn/pc/pic/202303/53a0bea9163d904f691f73d188b9206f.jpg?x-oss-process=image/format,webp"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>

<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20230217/932b02f4b9da4877959be736ce28cd83.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>

<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.mdcdn.cn/pc/pic/202302/89b5e094f7877c66ac3be68fc3c83957.jpg?x-oss-process=image/format,webp"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>


<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20220819/578b6daa828b40c3936346837a1fe3e7.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>


<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20221226/1310a405d5184797b3dabac52d1e9543.png?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item><van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20230131/baf555c4fdfc4b068debad9a15a6fc10.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>
      
      
      </van-grid>
      
      
      </template>
</van-card>
</van-tab>

  
  

<van-tab title="厨房" background="#1989fa">
    <van-card class="s-card">
     <template #tags>      
      <van-grid :column-num="2" :center="false" :gutter="10">		
        <van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20221230/1475d6cf084d48f9bf52c746f84c733c.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>
      
<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20220930/544363fd0fc1489cb169466fd7abce15.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>

<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20220908/2ceb714977194c99b0d0be6c6f4bc20b.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>

<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20220908/2ceb714977194c99b0d0be6c6f4bc20b.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>

<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.midea.cn/smartpic/pic/106732696ead6508da05a9113e.jpg"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>


<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20220908/2ceb714977194c99b0d0be6c6f4bc20b.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>


<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.midea.cn/smartpic/pic/106732696ead6508da05a9113e.jpg"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item><van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20220908/2ceb714977194c99b0d0be6c6f4bc20b.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>
      
      
      </van-grid>
      
      
      </template>
</van-card>
</van-tab>

<van-tab title="客厅" background="#1989fa">
    <van-card class="s-card">
     <template #tags>     
      <van-grid :column-num="2" :center="false" :gutter="10">		
        <van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.mdcdn.cn/pc/pic/202303/7db2e7e7a3beb1d84c8c9eb89342ddf0.jpg?x-oss-process=image/format,webp"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>
      
<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.midea.cn/smartpic/pic/106732696ead6508da05a9113e.jpg"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>

<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.mdcdn.cn/pc/pic/202303/7db2e7e7a3beb1d84c8c9eb89342ddf0.jpg?x-oss-process=image/format,webp"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>

<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.midea.cn/smartpic/pic/106732696ead6508da05a9113e.jpg"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>

<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.mdcdn.cn/pc/pic/202303/7db2e7e7a3beb1d84c8c9eb89342ddf0.jpg?x-oss-process=image/format,webp"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>


<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.midea.cn/smartpic/pic/106732696ead6508da05a9113e.jpg"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>


<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.mdcdn.cn/pc/pic/202303/7db2e7e7a3beb1d84c8c9eb89342ddf0.jpg?x-oss-process=image/format,webp"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item><van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20220906/92ab6638f43b445f90c792287111582e.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>
      
      
      </van-grid>
      
      
      </template>
</van-card>
</van-tab>


<van-tab title="卧室" background="#1989fa">
    <van-card class="s-card">
     <template #tags>      
      <van-grid :column-num="2" :center="false" :gutter="10">		
        <van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20220613/67a1a459ef16413289e651f175c1ae5d.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>
      
<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.midea.cn/smartpic/pic/106732696ead6508da05a9113e.jpg"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>

<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.midea.cn/smartpic/pic/106eb4da1b2dbe989034120eda.jpg"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>

<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20220519/13bce883f9544e4a97b6f35c12b43bea.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>

<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20210422/1619035196223.jpg?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>


<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.midea.cn/smartpic/pic/106732696ead6508da05a9113e.jpg"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>


<van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://dsdcp.smartmidea.net/mcsp/prod/20211227/a71a9e21d758484592bf3e72ab3b7248.png?x-oss-process=image/resize,limit_0,w_280,h_280"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item><van-grid-item>
	<div><van-tag type="warning">官方正品</van-tag>
	<van-tag type="primary" color="#333333">PRO精选</van-tag></div>
	<van-image
  width="123.99"
  height="123.99"
  src="https://pic.midea.cn/smartpic/pic/106732696ead6508da05a9113e.jpg"
/>
<div style="margin-bottom: 15px;">美的风尊1.5匹一级能效智能变频冷暖空调  时尚版</div>

<div>
	<div style="float: left;">
    <div style="color: #FF6600;font-size: 18px;">￥8899</div>
	<p style="color: #333333; font-size:14px ;">¥2939 <van-tag type="primary" color="#333333">PRO精选</van-tag></p>
	</div>
	<van-button  icon="cart-o" round type= "primary" size="small" style="float: right;" />
	
</div>
</van-grid-item>
      
      
      </van-grid>
      
      
      </template>
</van-card>
</van-tab>
</van-tabs>

<!---底部-->
<div class="foot_wrap fix_footer_nav">
    <ul class="foot_content">
        <li class="icon_zheng">
            <i class="midea-icon icon-genuine"></i>
            <p class="icon_text">正品保障</p>
        </li>
        <li class="icon_qi">
            <i class="midea-icon icon-seven_day"></i>
            <p class="icon_text">7天无理由</p>
        </li>
        <a href="#">
            <li class="icon_dian">
                <i class="midea-icon icon-phone_stroke"></i>
                <p class="icon_text">4008899315</p>
            </li>
        </a>
        <a href="#">
            <li class="icon_qiye">
                <i class="midea-icon icon-qualification"></i>
                <p class="icon_text">经营资质</p>
            </li>
        </a>
    </ul>  

    <div class="foot_link">
        <ul>
            <li><a href="#">用户协议</a></li>
            <li><a href="#">隐私协议</a></li>
            <li><a href="#">企业采购</a></li>
            <li><a href="#">平台规则</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
        <p>Copyright © 1968-2023 广东美的网络科技有限公司</p>
    </div>
</div>                                     
</div>
</template>

<style lang="less" scoped>
//底部
  .foot_wrap {
    margin-top: 10px;
    background-color: #fff;
}
.fix_footer_nav {
    padding-bottom: 50px;
}
.foot_wrap .foot_content {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    overflow: hidden;
}
ol, ul {
    list-style: none;
}
.foot_wrap .foot_content li {
    float: left;
    width: 25%;
    text-align: center;
    margin: 20px auto 14px;
}
.foot_wrap .foot_link {
    width: 310px;
    margin: 33px auto 41px;
    text-align: center;
    color: #999;
    font-size: 12px;
}
.foot_wrap .foot_link ul {
    overflow: hidden;
    margin-bottom: 20px;
}
.foot_wrap .foot_link li {
    float: left;
    width: 20%;
    text-align: center;
    position: relative;
}
</style>